<!DOCTYPE html>
<html>
	<head>
		<!-- 设置浏览器不缓存 -->
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
		<!-- Content-Type -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心</title>
		<!--stylesheets-->
		<link rel="stylesheet" href="./css/sign/signature-pad.css">
		<link rel="stylesheet" href="./plugins/vant/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/vant/vant.min.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<!-- 自定义样式表 -->
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">

	</head>
	<style type="text/css">
		.vant-section-scroll {
			padding-bottom: 70px;
			padding-top: 0px;
		}

		.vant-section {
			overflow: scroll;
			-webkit-overflow-scrolling: touch;
			height: 100%;
		}
		.signdiv {
			vertical-align: middle;
			margin-top: 20px;
		}
		.option {
		  height: 100px;		
		  width: 100%;		
		  position: fixed;		
		  bottom: 0;		
		}
		.signdiv {
			vertical-align: middle;
			margin-top: 20px;
		}
	</style>
	<body>
		<div id="app">
		<template>
			<section class="vant-section">
				<div class="vant-section-scroll">
					<div class="signdiv">
						<label>签名区域：</label>
					</div>
															
					<div class="option">
						<van-button square type="info" url="../service/ph_worktime.html" size="large" >签名完成</van-button>
					</div>
					<div style="width: 100%;height: 500px;">
						<div id="signature-pad" class="signature-pad">
						  <div class="signature-pad--body">
						    <canvas ></canvas>
						  </div>
						  <div class="signature-pad--footer">				
						    <div class="signature-pad--actions">
						      <div>
						        <button type="button" class="button clear" data-action="clear" >清除</button>
						        <button type="button" class="button" data-action="change-color">改变颜色</button>
						        <button type="button" class="button" data-action="undo">取消上一笔</button>
						
						      </div>						     
						    </div>
						  </div>
						</div>
					</div>
				</div>
				
			</section>
		</template>
		</div>
	</body>
	<script src="./js/ph_checkname.js"></script>
</html>
